import React, { Component } from 'react'

export default class Tabs extends Component {
  render () {
    const { tabs, active, handleActive } = this.props
    return (
      <div className='tabs-order'>
        <ul className='sort-container'>
          {tabs.map((item) => (
            <li className={item.type === active ? 'on' : ''}
            key={item.id}
            onClick={()=>handleActive(item.type)}
            >按{item.name}排序</li>
          ))}
          {/* <li className=''>按热度排序</li>
          <li className='on'>按时间排序</li> */}
        </ul>
      </div>
    )
  }
}